﻿<%@ Page Title="" Language="VB" MasterPageFile="~/Library/Reportes.master" AutoEventWireup="false"
    CodeFile="RPTCruce.aspx.vb" Inherits="Reportes_RPTCruce" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <style type="text/css">
        .AlineacionDerecha
        {
            text-align: right;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server">
    <h1>
        2.9. Consulta de cruce de variables<asp:ScriptManager ID="ScriptManager1" 
            runat="server">
        </asp:ScriptManager>
    </h1>
    <p>
        Permite cruzar la información de hasta 3 variables. Para ello seleccione las variables a cruzar, y si es necesario aplique algún filtro a cada variable</p>
    <table>
        <tr>
            <th colspan="2">
                Opciones de filtro
            </th>
        </tr>
        <tr>
            <td>
                Proyecto
            </td>
            <td>
                <asp:DropDownList ID="ddlProyectos" runat="server">
                </asp:DropDownList>
            </td>
        </tr>
        <tr>
            <td>
                Municipio
            </td>
            <td>
                <asp:DropDownList ID="ddlMunicipio" runat="server">
                </asp:DropDownList>
            </td>
        </tr>
</table>

<table>
        <tr>
        <th colspan="2" >Variables a cruzar</th>
        <th>Filtro</th>
        </tr>
        <tr>
            <td>
                Variable 1
            </td>
            <td>
                <asp:DropDownList ID="ddlCampo1" runat="server" AutoPostBack="True">
                </asp:DropDownList>
            </td>
            <td>
                
                <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                <ContentTemplate>
                <asp:DropDownList ID="ddlfiltro1" runat="server">
                </asp:DropDownList>
                </ContentTemplate>
                    <Triggers>
                        <asp:AsyncPostBackTrigger ControlID="ddlCampo1" 
                            EventName="SelectedIndexChanged" />
                    </Triggers>
                </asp:UpdatePanel>
                
                
            </td>
        </tr>
        <tr>
            <td>
                Variable 2
            </td>
            <td>
                <asp:DropDownList ID="ddlCampo2" runat="server"  AutoPostBack="True">
                </asp:DropDownList>
            </td>
            <td>
            <asp:UpdatePanel ID="UpdatePanel2" runat="server">
                <ContentTemplate>
                <asp:DropDownList ID="ddlfiltro2" runat="server">
                </asp:DropDownList>
                 </ContentTemplate>
                    <Triggers>
                        <asp:AsyncPostBackTrigger ControlID="ddlCampo2" 
                            EventName="SelectedIndexChanged" />
                    </Triggers>
                </asp:UpdatePanel>
            </td>
        </tr>
        <tr>
            <td>
                Variable 3
            </td>
            <td>
                <asp:DropDownList ID="ddlCampo3" runat="server"  AutoPostBack="True">
                </asp:DropDownList>
            </td>
            <td>
                <asp:UpdatePanel ID="UpdatePanel3" runat="server">
                <ContentTemplate>
                <asp:DropDownList ID="ddlfiltro3" runat="server">
                </asp:DropDownList>
                </ContentTemplate>
                    <Triggers>
                        <asp:AsyncPostBackTrigger ControlID="ddlCampo3" 
                            EventName="SelectedIndexChanged" />
                    </Triggers>
                </asp:UpdatePanel>
            </td>
        </tr>
        <tr>
            <td colspan="3" class="botones">
                <asp:Button ID="btnConsultar" runat="server" Text="Ver reporte" CssClass="boton" />
                <asp:Button ID="btnExp" runat="server" Text="Exportar a excel" CssClass="boton" />
            </td>
        </tr>
    </table>
    <table>
        <tr>
            <td colspan="2">
                <asp:Label runat="server" ID="lblTitulo"></asp:Label>
                <p>Para cada cruce de variables se muestra el número de personas que cumplen con la condición en la visita </br>
                de levantamiento de información y en cada una de las 3 visitas siguientes.</p>
                <p>Si la casilla no muesta información quiere decir que no se encuentran registros para dicha condición.</br>
                 Los totales en cada columna pueden variar dependiendo del número de encuentas realizadas en cada visita</p>
            </td>
        </tr>
        <tr>
            <td valign="Top"  colspan="2">
                <asp:GridView ID="grdResultado" runat="server" AutoGenerateColumns="true">
                    <RowStyle HorizontalAlign="Center" />
                </asp:GridView>
            </td>
        </tr>
        <tr>
        <td>
        <asp:Chart ID="Chart1" runat="server" Palette="BrightPastel" BackColor="#F3DFC1"
                    Width="412px" Height="296px" BorderlineDashStyle="Solid" BackGradientStyle="TopBottom"
                    BorderWidth="2" BorderColor="181, 64, 1">
                    <Titles>
                        <asp:Title ShadowColor="32, 0, 0, 0" Font="Trebuchet MS, 12.25pt, style=Bold" ShadowOffset="3"
                            Name="Title1" ForeColor="26, 59, 105">
                        </asp:Title>
                    </Titles>
                    <Legends>
                        <asp:Legend TitleFont="Microsoft Sans Serif, 8pt, style=Bold" BackColor="Transparent"
                            Font="Trebuchet MS, 8.25pt, style=Bold" IsTextAutoFit="False" Enabled="False"
                            Name="Default">
                        </asp:Legend>
                    </Legends>
                    <BorderSkin SkinStyle="Emboss"></BorderSkin>
                    <Series>
                        <asp:Series Name="Default">
                        </asp:Series>
                    </Series>
                    <ChartAreas>
                        <asp:ChartArea Name="ChartArea1" BorderColor="64, 64, 64, 64" BackSecondaryColor="White"
                            BackColor="OldLace" ShadowColor="Transparent" BackGradientStyle="TopBottom">
                            <Area3DStyle Rotation="10" Perspective="10" Inclination="15" IsRightAngleAxes="False"
                                WallWidth="0" IsClustered="False" />
                            <AxisY LineColor="64, 64, 64, 64" LabelAutoFitMaxFontSize="8">
                                <LabelStyle Font="Trebuchet MS, 8.25pt, style=Bold" Format="C0" />
                                <MajorGrid LineColor="64, 64, 64, 64" />
                            </AxisY>
                            <AxisX LineColor="64, 64, 64, 64" LabelAutoFitMaxFontSize="8">
                                <LabelStyle Font="Trebuchet MS, 8.25pt, style=Bold" IsEndLabelVisible="False" Format="MM-dd" />
                                <MajorGrid LineColor="64, 64, 64, 64" />
                            </AxisX>
                        </asp:ChartArea>
                    </ChartAreas>
                </asp:Chart>
                <asp:RadioButtonList runat = "Server" ID="rbTipoGrafica1" AutoPostBack="True" RepeatDirection=Horizontal >
                    <asp:ListItem Text="Columnas" Value="10" Selected="True"  />
                    <asp:ListItem Text="Barras" Value="7"/>
                    <asp:ListItem Text="Circular" Value="17"/>
                    <asp:ListItem Text="Linea" Value="3"/>                
                </asp:RadioButtonList>
        </td>
        </tr>
    </table>
</asp:Content>
